


/* index.htm ---------------*/
#top.index{
	ul{margin:0;padding:6px 0 10px;}
	li a{color:$brand-dark;font-size:$font-size-small;}
	.con{@include clearfix();position:relative;}
	.con > a{
		padding:6px 12px;font-size:120%;float:left;
		&:focus+ul.hidden-xs{
			position:absolute;top:100%;left:15px;display:block !important;background:#fff;width:8em;z-index: 100;@include box-shadow(0 0 3px rgba(0,0,0,.3));@include border-radius($border-radius-base);
			li,a{display: block;padding:0;}
			a{padding:5px 10px;font-size:$font-size-base;text-decoration: none;}
			a:hover{background:$gray-bg;}

		}
	}
}
#header.index{
	padding:25px 0;
	.con{position:relative;}
	.logo{
		img{height:50px;overflow:hidden;}
	}
	.area{
		display:inline-block;@include btn-noline();
		.btn{padding-left:15px;padding-right:15px;}
		.dropdown-menu{min-width:100%;}
		.caret{color:$gray-lighter;}
	}
	.search{
		position:absolute;left:260px;width:50%;top:0;
		.form-control{@include border-left-radius(40px);border-right:none;}
		.input-group-btn .btn{@include border-right-radius(40px);border-left:none;}
		.form-control:focus+.input-group-btn .btn{@include box-shadow(0 0 5px rgba(0,0,0,.3));border-color:$brand-theme;@include transition(border-color ease-in-out .15s,box-shadow ease-in-out .15s);}
	}
	.text-right{
		.btn:first-child{margin-right:10px;}
	}

	@media(max-width: 990px){
		.text-right{
			position:absolute;bottom:100%;right:0;margin-bottom:25px;
			.btn{padding:0 0;border:none;background:none;color:$brand-theme;margin-left:10px;margin-right:0;margin-bottom:10px;}
		}
	}
	@media(max-width:524px){
		.search{position:relative;left:0;top:0;width:100%;padding-top:15px;}
	}
	@media(max-width:524px)and(min-width:430px){.text-right{bottom:36%;right:0px;}}
}


#menu.index{
	background: url(/images/menu-bg.jpg) no-repeat center center;
	background-size:cover;
	.con{@include clearfix();position:relative;}
	.menu{
		width:290px;background:rgba(0,0,0,.6);float:left;
		ul{margin:0;padding:20px 10px;@include clearfix();}
		li{float:left;width:50%;list-style:none;padding-left:0;text-align:center;}
		a{padding:5px 0;color:#fff;display:block;}
		i{
			margin-right:5px;position:relative;top:7px;display: inline-block;@include square(26px);background:url(/images/menu-icon.png) no-repeat 0 0;
			&.jl{background-position:0 0;}
			&.mr{background-position:-26px 0;}
			&.fs{background-position:0 -26px;}
			&.xx{background-position:-26px -26px;}
			&.bh{background-position:0 -52px;}
			&.sh{background-position:-26px -52px;}
			&.dz{background-position:0 -78px;}
			&.qx{background-position:-26px -78px;}
			&.jj{background-position:0 -104px;}
			&.yy{background-position:-26px -104px;}
			&.jy{background-position:0 -130px;}
			&.kp{background-position:-26px -130px;}
			&.zg{background-position:0 -156px;}
			&.lg{background-position:-26px -156px;}
			&.qt{background-position:0 -182px;}
		}
		a:hover i{background-image:url(/images/menu-icon-hover.png);}
	}
	.con > a{
		display:block;position:absolute;right:15px;@include size(230px,50%);color:#fff;text-align:center;
		&.in{
			top:0;
			&:before{position:absolute;z-index:9;display:block;background:$brand-theme;@include opacity(.8);content:"";@include square(100%);}
		}
		&.out{
			top:50%;
			&:before{position:absolute;z-index:9;display:block;background:$brand-match;@include opacity(.8);content:"";@include square(100%);}
		}
		*{position:absolute;left:50%;top:50%;@include translate(-50%,-50%);z-index:10;}
		strong{margin-top:-20px;padding:5px;border-bottom:3px solid #fff;font-size:160%;}
		small{font-size:110%;white-space:nowrap;margin-top:20px;}
	}
	@media(max-width:570px){
		.menu{width:100%;float:initial;}
		.con > a{position: relative;right:0;@include size(50%,160px);float:left;}
	}
	@media(max-width:430px){
		.con >a strong{font-size:140%;}
	}
	@media(max-width:400px){
		.con >a strong{font-size:105%;}
		.con >a small{font-size:90%;}
	}
}


.index-new{
	padding:30px 0;position:relative;
	h3{
		em{font-style: normal;color:$brand-match;}
		small{
			margin-top:15px;display:block;@include tit-line(30em,$gray-bg);
			a{
				display:inline-block;padding:0 10px;color:$brand-dark-light;
				&:before{position:absolute;right:-4px;top:-60%;content:".";color:$gray-lighter;font-size:140%;}
				&:last-child:before{content:"";}
				&:hover{text-decoration:none;color:$brand-dark;}
			}
		}
	}
	.list{
		margin-top:20px;background:#fff;padding-left:400px;position:relative;min-height:300px;
		.item-store.pic{
			position:absolute;left:0;top:0;@include size(400px,300px);
		}
		.row{
			padding:5px 20px;
			> div:last-child .item-store,
			> div:nth-last-child(2) .item-store{border:none;}
		}
	}
	@media(max-width:1200px){
		.item-store{
			.media{display:block;}
			.media-left{display:none;}
			.media-body{
				display:block;width:100%;
				.media-heading,
				.media-heading+p{@include text-overflow();}
			}
		}
	}
	@media(max-width:991px)and(min-width:700px){
		.list .row{
			height:300px;overflow-y:auto;
			> div:nth-last-child(2) .item-store{border-bottom:1px dotted $gray-line;}
		}
	}
	@media(max-width:700px){
		.list{
			padding-left:0;
			.item-store.pic{position: relative;@include size(100%,auto);}
			.row{
				height:auto;overflow:hidden;
				> div:nth-last-child(2) .item-store{border-bottom:1px dotted $gray-line;}
			}
		}
	}

	@media(max-width:700px)and(min-width:400px){
		.media{
			padding-left:120px;padding-bottom:20px;position:relative;
			.media-left{display:block;position:absolute;left:0;top:10px;}
		}
	}
}



.index-choose{
	padding-bottom:40px;
	h3{
		margin-bottom:20px;@include tit-line(20em,$gray-bg);
		em{font-style:normal;color:$blue;}
	}
	.list{
		padding:15px;background:#fff;position:relative;overflow:hidden;z-index:20;
		&:before{@include center();@include size(32.6%,999999px);content:"";border:1px dotted $gray-line;border-top:none;border-bottom:none;}
		[class^="col-"],
		[class*="col-"]{
			padding:20px;
			.item-store:last-child{border:none;}
		}
		.media:nth-child(n+3){
			.media-left{display:none;}

		}
	}
	.more{
		position:relative;
		a{color:$gray-light;text-decoration:none;z-index:10;position:relative;margin:0 auto;margin-top:-40px;display:block;text-align:center;@include square(80px);background:#fff;@include border-radius(100%);line-height:100px;}
		&:after{margin-top:10px;z-index:0;content:"";position:absolute;top:50%;left:50%;@include translate(-50%,-50%);@include square(60px);@include border-radius(100%);@include box-shadow(0 0 20px rgba(0,0,0,.3));}
	}
	@media(max-width:1200px){
		.media{
			display:block;
			.media-left{display:none;}
			.media-body{
				display:block;width:100%;
				.media-heading,
				.media-heading+p{@include text-overflow();}
			}
		}
		.pic{
			dt+dd{display:none;}
		}
	}
	@media(max-width:991px){
		.list:before{display:none;}
	}
	@media(max-width:991px)and(min-width:770px){
		[class^="col-"],
		[class*="col-"]{
			position:relative;border-bottom:1px solid $gray-line;
			&:last-child{border:none;}
			.pic{width:300px;}
			.pic+.con{position:absolute;left:340px;right:0;top:20px;bottom:20px;padding-right:10px;overflow-y:auto;}
		}
	}
	@media(max-width:770px){
		.list{padding:0;}
	}
	@media(max-width:770px)and(min-width:400px){
		.list .media{
			padding-left:120px;padding-bottom:20px;position:relative;
			&:nth-child(n+2) .media-left,
			.media-left{display:block;position:absolute;left:0;top:10px;}
		}
	}

}


.index-out{
	background:#fff;display:table;padding:0;margin-bottom:50px;
	.carousel .item{height:260px;}
	.carousel-caption{
		padding-top:0;position:absolute;left:0;right:0;top:0;@include text-shadow(0 0 0 rgba(0,0,0,0));
		h4{color:$gray;}
		*{text-align:left;}
	}
	.carousel-indicators{
		bottom:100%;right:0;width:auto;text-align:right;
		li{
			background:rgba(0,0,0,.1);border:none;margin-left:5px;
			&.active{@include square(20px);position:relative;top:4px;}
		}
	}
	.ok,.quick{
		display:table-cell;padding:30px;position:relative;
		h3{margin-top:0;font-size:130%;font-weight:bold;}
		.list{padding-top:10px;}
	}
	.quick{
		width:66.67%;
		[class^="col-"]:nth-last-child(-n+2) .item-store.media,
		[class*="col-"]:nth-last-child(-n+2) .item-store.media{border:none;}
		.media,.media-body{
			display:block;width:auto;
			.media-heading,.media-heading+p{@include text-overflow();}
		}
	}
	.ok{
		width:33.33%;background:$brand-dark;height:100%;position:relative;
		&:before{@include centerY();left:0;content:"";@include square(0);border:20px solid transparent;border-left-color:#fff;}
		h3{color:#fff;}
		ul{
			padding:0;
			li{
				list-style:none;padding:0;
				a{
					border-top:1px dotted transparent;border-bottom:1px dotted transparent;text-decoration:none;padding:5px 0;display:block;color:#fff;padding-right:80px;@include text-overflow();position:relative;
					strong{color:$brand-match;margin-right:5px;}
					.time{position:absolute;right:0;top:6px;font-size:90%;@include opacity(.5);}
					&:hover{border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.1);}
				}
			}
		}
	}
	@media(max-width:767px){
		&,.quick,.ok{display:block;width:auto;}
		.ok{
			@include clearfix();
			&:before{@include centerX();top:0;border-color:transparent;border-top-color: #fff;}
		}
	}
	@media(max-width:767px)and(min-width:540px){
		.ok{
			.list li{
				width:48%;float:left;
				&:nth-child(2n+1){margin-right:2%;}
				&:nth-child(2n){margin-left:2%;}
			}
			.carousel .item{height:140px;}
		}

	}
	@media(max-width:540px){
		.quick{
			.col-xs-6{width:100%;float:none;}
			.carousel .item{height:540px;}
		}
	}
}



.index-lease{
	margin-bottom:30px;padding:0;
	h3{
		margin:0;padding:15px 20px;background:$brand-dark;color:#fff;font-size:120%;position:relative;
		small{color:rgba(0,0,0,.2);@include centerY();right:20px;}
	}
	.list{
		padding:20px;background: #fff;
		.item-store.media{padding-top:0;border:none;}
		ol{
			list-style:decimal-leading-zero;padding-left:28px;position:relative;z-index:10;color:#fff;
			li{
				position:relative;padding:5px 0 5px 7px;
				&:before{z-index:-999;position:absolute;content:"";@include square(26px);background:rgba(99,114,128,.3);left:-28px;top:2px;}
				&:nth-child(-n+3):before{background:$brand-dark;}
				a{
					color:$gray;display:block;@include text-overflow();position:absolute;top:5px;
				}
				> span{
					color:$brand-dark-lighter;position:absolute;right:0;
					strong{color:$brand-theme;margin-right:3px;}
				}
			}

		}
		/*ol{
			list-style:decimal-leading-zero;padding-left:28px;position:relative;z-index:10;color:#fff;
			li{
				position:relative;padding:5px 0 5px 7px;
				&:before{z-index:-999;position:absolute;content:"";@include square(26px);background:rgba(99,114,128,.3);left:-28px;top:2px;}
				&:nth-child(-n+3):before{background:$brand-dark;}
				a{color:$gray;@include text-overflow();display:block;}
				span{
					color:$brand-dark-lighter;position:absolute;right:0;
					strong{color:$brand-theme;margin-right:3px;}
				}
				span+a{margin-right:5em;}
			}
		}*/
	}
	.row > div:first-child{
		h3{background:$brand-match;}
		.list ol li:nth-child(-n+3):before{background:$brand-match;}
	}
	.row > div:last-child{
		h3{background:$brand-theme;}
		.list ol li:nth-child(-n+3):before{background:$brand-theme;}
	}
	.term{
		padding:17px 20px;background:#fff;border-top:1px dotted $gray-lighter;
		.label{
			margin:3px 0;display:inline-block;padding:5px 10px;font-size:$font-size-base;font-weight:normal;background:none;border:1px solid $brand-dark-light;color:$brand-dark-light;cursor:pointer;
			&:hover{background:$brand-dark-light;color:#fff;}
		}
	}
	@media(max-width:1200px)and(min-width:767px){
		.media{@include store-nopic();}
	}
	@media(max-width:900px){
		[class^="col-"],[class*="col-"]{padding-left:5px;padding-right:5px;}
	}
	@media(max-width:767px)and(min-width:560px){
		ol{
			@include clearfix();
			li{float:left;width:45%;}
			li:nth-child(2n){float:right;}
		}

	}
	@media(max-width:480px){
		.media{@include store-nopic();}
	}
}



.index-other{
	h3{@include tit-line(30em,$gray-bg);margin-bottom:20px;}
	.list{
		padding:20px;background:#fff;
		.media{@include store-nopic();}
	}
	@media(max-width:500px){
		h3{
			small{font-size:50%;background:rgba(0,0,0,.06);padding:5px;@include border-radius($border-radius-base);@include text-overflow();}
			&:before{display:none;}
		}
		[class^="col-"],
		[class*="col-"]{float:none;width:100%;}
	}

}


#fast{
	position:absolute;top:0;left:0;width:2em;margin-left:-60px;z-index:999;
	.navbar-nav{
		float:none;
		> li{
			margin-bottom:1px;@include transition(all .5s);float:none;
			> a{
				padding:.25em;@include square(2.5em);line-height:100%;background:$brand-dark;color:#fff;text-align:center;
				i{font-size:160%;}
			}
			&.active > a{background: $brand-theme;}
			&:last-child.active{@include opacity(0);}
		}
	}
	&.affix{position:fixed;top:20px;left:50%;margin-left:-645px;}
	@media(max-width:1200px){
		&.affix{position:fixed;margin-left:-545px;}
	}
	@media(max-width:998px){
		&.affix{
			position:fixed;width:100%;top:auto;bottom:0;margin:0;margin-left:-8.6em;
			.navbar-nav,
			.navbar-nav > li{float:left;margin-right:1px;}
		}
	}
}
